<script setup lang="ts">
// 页面跳转
const details = () => {
	uni.navigateTo({
		url: '/pagesB/notion/details/details',
	});
};

</script>
    
<template>
	<view class="container">
		<!-- <view class="header">
			<view>通知</view>
		</view> -->

		<view class="item animate__animated animate__fadeInUp" v-for="i in 6" @click="details">
			<text>顺德职业技术学院首届“智能杯”网页设计与开发大赛</text>
			<view class="item_time">由 院长办公室 2022-12-21 09:00</view>
		</view>

	</view>
</template>
    
<style scoped lang="scss">
.container {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #f6f6f6;

	// .header {
	// 	height: 8vh;
	// 	background-color: $bgcolor;
	// 	@include flex(center);
	// 	color: #fff;
	// }

	.item {
		position: relative;
		border-radius: 15rpx;
		width: 90vw;
		height: 180rpx;
		margin: 40rpx auto;
		background-color: #fff;
		padding: 15rpx;
		font-weight: 600;

		&_time {
			position: absolute;
			bottom: 10rpx;
			right: 15rpx;
			color: #616161;
			font-size: 20rpx;
		}

	}

}
</style>